<template>
  <div id="app">
    <!-- <img src="./assets/logo.png"> -->
    <router-view/>
  </div>
</template>

<script>
  export default {
    name: "App"
  };
</script>

<style lang="less">
  html,
  body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }

  a {
    text-decoration: none;
    out-line: none;
  }

  #app {
    width: 100%;
    height: 100%;
  }

  .el-select {
    width: 100%;
  }

  .form-button {
    display: flex;
    justify-content: flex-end;
  }

  .role-manage-right-bottom .el-input-group__append, .el-input-group__prepend {
    width: 60%;
  }

  .subBtn {
    width: 100%;
    background-color: #5cc1cf;
    border-color: #5cc1cf;
    color: #fff;

    &:hover {
      background-color: #5cc1cf;
      border-color: #5cc1cf;
      color: #fff;
    }
  }

  // element滚动条
  .el-scrollbar .el-scrollbar__wrap {
    overflow-x: hidden;
  }

  //
  .left-menu .el-menu-vertical-demo {
    background-color: #1a243e;
  }

  // 走马灯
  .navigation-page .navigation-body .navigation-banner {
    width: 80% !important;
    min-height: 4rem !important;
  }

  .el-carousel__container {
    height: 90%;
  }

  .el-carousel {
    overflow-y: hidden;
  }

  // 计数器
  .el-carousel__indicators--outside .el-carousel__indicator:hover button {
    width: 50px;
    background-color: #EF7E52;
    opacity: 1;
  }

  .el-carousel__indicator.is-active button {
    width: 50px;
    background-color: #EF7E52;
  }

  .el-carousel__item.is-active {
    background: url("../static/images/bgc/亮色.png") !important;
    background-size: 100% 100% !important;
  }

  .el-carousel__item {
    background: url("../static/images/bgc/深色.png") !important;
    background-size: 100% 100% !important;
  }

  .el-carousel__mask {
    opacity: 0;
    background-color: transparent;
    transition: none;
  }

  // 箭头
  .el-carousel__arrow {
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.11);
  }
</style>
